<style>
    /*--friends--*/
    .friends{
        background: url({!!fragment('friends-background-image','picture')!!}) no-repeat left top;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        min-height:520px;

    }
</style>
<!-- 友情板块-->
<div class="friends-section">
    <h3 class="tittle">{!!fragment('friends-title','title')!!}</h3>
    <div class="friends">
        <div class="container">
            <div class="testimonial-content">
                <p> <img  src="{!!fragment('friends-common-image1','picture')!!}" class="img-responsive" alt=""> {!!fragment('friends-common-image2','title')!!}<img src="{!!fragment('friends-common-image2','picture')!!}" class="img-responsive" alt=""> </p>
            </div>

            <div  class="callbacks_container">
                <ul class="rslides" id="slider3">
                    @if(isset($persons))
                        @foreach($persons as $person)
                            <li>
                                <div  class="test"> <img  style = "height:150px;width:200px;" src="{{$person->picture}}" class="img-responsive" alt=""><h5>{{$person->title}}</h5></div>
                            </li>
                        @endforeach
                    @endif

                </ul>
            </div>
            <!--banner-->
            <script>

                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 3
                    $("#slider3").responsiveSlides({
                        auto: true,
                        pager:false,
                        nav:true,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });

                });
            </script>
        </div>
    </div>
</div>
<!--//testimonials-->
<!--/program-->
<div class="program">
    <div class="container">
        <h3 class="tittle"> Program of the Day</h3>
        <div class="col-md-6 program-img">
            <a href="single.html" class="mask"><img  style="height:355px;width:550px;" src="{!!fragment('wedding-common','picture')!!}" alt="image" class="img-responsive zoom-img"></a>
            <h4>{!!fragment('wedding-common','title')!!}</h4>
            <p>{!!fragment('wedding-common','content')!!} </p>
        </div>
        <div class="col-md-6 program-text">
            <div class="scrollbar" id="style-2">
                <div class="force-overflow">

                    <div class="popular-post-grids">
                        @if(isset($arranges))
                            @foreach($arranges as $arrange)
                                <div class="popular-post-grid">
                                    <div class="post-time">
                                        <a href="single.html">{{isset($arrange->addr)?$arrange->addr: date("H:i:s",time())}} </a>
                                    </div>
                                    <div class="post-text">
                                        <h4><a class="pp-title" href="single.html">{{$arrange->title}}</a></h4>
                                        <p>{{$arrange->content}}</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<div class="attend">
    <h3 class="tittle atd">Are You Attending? rsvp here!</h3>
    {{--<div class="rsvp">--}}
        {{--<form>--}}
            {{--<div>--}}
                {{--<span><label>名字</label></span>--}}
                {{--<span><input name="userName" type="text" class="textbox"></span>--}}
            {{--</div>--}}
            {{--<div>--}}
                {{--<span><label>邮箱</label></span>--}}
                {{--<span><input name="userEmail" type="text" class="textbox"></span>--}}
            {{--</div>--}}
            {{--<div>--}}
                {{--<span><label>寄语</label></span>--}}
                {{--<span><input name="message" type="text" class="textbox"></span>--}}
            {{--</div>--}}
            {{--<div class="sub">--}}
                {{--<input type="submit" value="参加婚礼" />--}}
            {{--</div>--}}

        {{--</form>--}}
    {{--</div>--}}
</div>
<!--/footer-->